.package-info-box {
  display: flex;
}

.package-info {
  max-width: 240px;
  min-width: 240px;
  height: calc(100vh - 227px);
  overflow-y: auto;
  padding: 14px 10px 20px 20px;
  border-right: 1px solid #E1E6ED;

  &-label {
    font-size: 14px;
    color: #4E5969;
    margin-bottom: 5px;
  }

  &-value {
    font-size: 14px;
    color: #1A1A1A;
    margin-bottom: 16px;
    line-height: 24px;
    word-break: break-all;
  }

  &-file {
    .file-list {
      display: flex;
      align-items: center;
      font-size: 12px;
      color: #3D3D3D;
      margin-bottom: 10px;

      .el-image {
        width: 32px;
        height: 32px;
        margin-right: 10px;
        flex-shrink: 0;
      }

      &-name {
        width: 210px;
        overflow: hidden; /*内容超出后隐藏*/
        text-overflow: ellipsis; /*超出内容显示为省略号*/
        white-space: nowrap; /*文本不进行换行*/
      }
    }
  }
}

.package-list {
  padding: 20px;
  width: calc(100% - 240px);
  overflow: hidden;
  height: calc(100vh - 234px);
  // tabs样式
  &-container {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .button {
      width: 112px;
      height: 32px;
      color: #4e5969;
      font-weight: 400;
      font-size: 14px;
      text-align: center;
      line-height: 32px;
      border: 1px solid #e1e6ed;
      cursor: pointer;
    }

    .button:nth-of-type(1) {
      border-radius: 3px 0px 0px 3px;
    }

    .button:nth-of-type(2) {
      border-radius: 0px 3px 3px 0px;
    }

    .active {
      color: #007dff;
      border: 1px solid #007dff;
    }
  }
}

/* 自定义树状表格图标 */
/* 有子节点 且未展开 */
.custom-table :deep(.el-table__expand-icon) {
  background: url("@/assets/images/image/zk1.png") no-repeat;
  width: 16px !important;
  height: 16px !important;
  font-size: 16px !important;
  background-size: 16px !important;

  .el-icon {
    display: flex;

    svg {
      width: 0 !important;
    }
  }
}

/* 有子节点 且已展开 */
.custom-table :deep(.el-table__expand-icon--expanded) {
  background: url("@/assets/images/image/sq1.png") no-repeat;
  width: 16px !important;
  height: 16px !important;
  font-size: 16px !important;
  background-size: 16px !important;
  transform: rotate(180deg); /* 展开时旋转 */
  .el-icon {
    display: flex;

    svg {
      width: 0 !important;
    }
  }
}

.custom-table :deep(.active-row) {
  background-color: #d9e8ff !important;
}

.custom-table :deep(.init-row) {
  background-color: #f5f7fa !important;
}

.custom-table :deep(.is-disabled) {
  .el-input__wrapper {
    background: #ffffff !important;
  }
}

:deep(.el-select__wrapper) {
  background: #f2f3f5 !important;
  border: none !important;
  box-shadow: none !important;
}